:root{
  --bg1-color:#f2f3f5;
  --bg2-color:#ffffff;
  --text-color:#000000;
  --boder-color :#e4e7ed;
  --svg-color:#000000;
}
:root[class='dark']{
  --text-color :#ffffff;
  --bg1-color :#000000;
  --bg2-color :#141414;
  --boder-color :#414243;
  --svg-color:#cfd3dc;
}



body {
  min-height: 100vh;
  color: var(--text-color);
  background: var(--bg1-color);
  transition: color 0.5s, background-color 0.5s;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans",
      "Droid Sans", "Helvetica Neue", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}